.dContainer {
    width:100%;
    border: 5px dotted pink;
  }
  
  .dc_child {
    font-size: 15px;
    text-align: center;
  }

  /* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.column {
    float: left;
    width: 55.55%;
    padding: 10px;
    height: 300px; /* Should be removed. Only for demonstration */
}

.left, .right {
    width: 25%;
}


.middle {
    width: 50%;
}
